@import '../c_themes/theme.scss';
// 顶部滚动幻灯
.top-slider {
	height: 466rpx;
	border-bottom: $common-line-width solid $tweenLine-color;
	position: relative;
	background-image: $default-photo;
	background-size: $common-imgIcon-bg-size;
	background-position: center;
}
	.top-slider.store-slider{
		height: 420rpx;
		background-image: none;
		border-bottom: none;
		margin: 20rpx 0;
		width: 100%;
	}
	// banner
	.top-slider.banner-slider {
		height: 200rpx;
		background-image: $default-banner;
	}
	// 容器
	.top-slider .swiper{
		height: 100%;
	}
	// 子项目
	.top-slider .swiper .swiper-item{
		height: 100%;
		width: 100%;
		text-align: center;
	}
	// 图片
	.top-slider image{
		height: 466rpx !important;
		width: 100%;
	}
		.top-slider.store-slider image{
			height: 420rpx !important;
			width: 95%;
			border-radius: $larger-border-radius;
		}
		// banner
		.top-slider.banner-slider image {
			height: 200rpx !important;
			width: 100%;
		}
	// 图片实体
	.top-slider image div{
		background-size: $hight-fix-bg-size !important;
		background-position: center;
	}

	// 图片附加信息
	.top-slider .wiper-item-info {
		position: absolute;
		bottom: 5%;
		left: 0;
		color: $weakest-color;
		display: flex;
		width: 100vw;
		justify-content: space-between;
	}
		// 图片附加信息
		.store-slider .wiper-item-info {
			position: absolute;
			bottom: 3%;
			width: 99%;
		}
		// 项目
		.top-slider .wiper-item-info view{
			font-size: $title3-fontSize;
			border-radius: $larger-border-radius;
			background-color: $half-dark-color;
			padding: 10rpx 20rpx;
			margin: 0 20rpx;
			line-height: 1;
		}
		// 说明
		.top-slider .wiper-item-info .item-info {
			max-width: 70%;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			padding-top: 15rpx;
		}
			// 说明中的热度图标
			.top-slider .wiper-item-info .item-info .icon-number-hot{
				font-size: $normal-fontSize;
				width: $normal-fontSize;
				position: relative;
			}
			.top-slider .wiper-item-info .item-info .icon-number-hot::after {
				color: $important-color !important;
				left: -10rpx;
				top: -25rpx;
				position: absolute;
				font-size: 40rpx;
				margin-right: 10rpx;
			}
		// 位置中的当前数字
		.top-slider .wiper-item-info .item-number{
			// 只有一个时居右
			margin-left: auto;
			padding-top: 10rpx;
		}
		// 位置中的当前数字
		.top-slider .wiper-item-info .item-number .current-number {
			font-size: $title2-fontSize;
		}
	// 坐标点
	.top-slider .swiper .uni-swiper-dot{
		background-color: rgba(255, 255, 255, 0.5);
	}
	// 当前坐标点
	.top-slider .swiper .uni-swiper-dot.uni-swiper-dot-active{
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 0 2px 4px $normal-btn-shadow-color;
	}